<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>isNiceFood | Love&Delicious</title>
    <link rel="shortcut icon" href="images/flower.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/homepage.css">
    <link rel="stylesheet" href="css/main.css">
    <!--    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="css/animations.css">
</head>
<body>
<div id="wrapper">
    <!-- Navigation Panel -->
    <nav id="nav">
        <div class="container">
            <header class="header">
                <!--                    <div class="logo_animate">-->
                <a href="#" class="logo"><img src="images/flower.png" class="" alt="是美食"></a>
                <!--                    </div>-->
                <div class="primary">
                    <ul>
                        <li><a href="explore.html">Explore</a></li>
                        <li><a href="login.html">My Account</a></li>
                        <li><a href="https://gitee.com/eatricerice">About</a></li>
                    </ul>
                </div>
                <a class="icon" id="nav-menu"><img src="images/menu_open.svg" class="rotate" style="width: 30px;height: 30px;" alt="open"></a>
                <!-- <span>更多</span> -->
            </header>
            <div class="body">
                <div class="middle">
                    <div class="middle_display">
                        <span style="display: block;">Nice Food! </span>
                        <span style="display: block;">is Nice Food!🍝</span>
                    </div>
                    <footer>
                        <button id="login" class="button animate__animated animate__bounceIn" style="color: black;background: white;outline: 1px solid rgb(69, 123, 39);outline-offset: 1px;">Login</button>
                        <button id="register" class="button animate__animated animate__bounceIn">Register</button>
                    </footer>
                </div>
            </div>
        </div>
        <!-- menu点击后展开页面 与container同级 -->
        <div class="overlay">
            <div class="container">
                <header>
                    <a href="#" class="logo"><img src="images/flower.png" class="" alt="是美食"></a>
                    <a class="icon icon_close" id="menu_close"><img src="images/menu_close.png" style="width: 30px;height: 30px;" alt="close"></a>
                </header>
                <section class="body">
                    <div class="container middle">
                        <ul>
                            <li><a href="explore.html" style="text-decoration: none;">Explore</a></li>
                            <li><a href="https://gitee.com/eatricerice" style="text-decoration: none;">My Account</a></li>
                            <li><a href="details.html" style="text-decoration: none;">Cooking</a></li>
                            <hr>
                            <li><a href="404.html" style="text-decoration: none;">Gifts(Under Development...)</a></li>
                            <li><a href="404.html" style="text-decoration: none;">Club(Under Development...)</a></li>
                            <li><a href="https://gitee.com/eatricerice/eatricerice" target="_blank" style="text-decoration: none;">About isNiceFood™</a></li>
                            <hr>
                            <li><a href="404.html" style="text-decoration: none;">Help(Under Development...)</a></li>
                        </ul>
                        <footer>
                            <div class="footer">
<!--                                <a class="lang" href="javascript:void(window.location.pathname = &quot;/isnicefood/index.html&quot;)" target="_self">中文</a>-->
                                <a class="lang" href="index.html" target="_self">中文</a>
                                |
                                <a class="lang" href="404.html" target="_self">Privacy Policy</a>
                                |
                                <a class="lang" href="404.html" target="_self">Terms of Use</a>
                            </div>
                        </footer>
                    </div>
                </section>
            </div>
        </div>
    </nav>
    <!-- Page Content -->
    <section id="content">
        <!-- 轮播 -->
        <section class="slider">
            <div id="lunbo" class="lunboList">
                <a href="https://zhuanlan.zhihu.com/p/434193714" target="_blank" class="current">
                    <img src="images/noddle.jpg"/>
                </a>
                <a href="https://baike.baidu.com/item/%E7%86%A8%E6%96%97%E7%B3%95/457558?fr=aladdin" target="_blank">
                    <img src="images/littlecake.jpg"/>
                </a>
                <a href="https://book.douban.com/subject/25831470/" target="_blank">
                    <img src="images/bingo.jpg"/>
                </a>
                <a href="https://v.qq.com/x/cover/mzc00200ps708z1.html" target="_blank">
                    <img src="images/fisher.jpg"/>
                </a>
            </div>
        </section>
        <div class="slider_arrow animate__animated animate__bounceIn"><img src="images/arrow-down.png" height="80px" width="80px"/></div>
        <footer style="margin-top: 5px;font-weight: lighter;">
            <span style="float: left">© 2022 Copyright </span>
            <span style="float: right">Designed by <a target="" href="https://user.qzone.qq.com/87403565" style="text-decoration: none">hui~</a></span>
        </footer>
    </section>
</div>
</body>
<script src="js/jquery-3.6.0.js"></script>
<script src="js/main.js"></script>
<script src="js/slider.js"></script>
<script src="js/menu.js"></script>
</html>